<template>
  <div class="groupsupplies">
    <div class="item" v-for="item in 5" :key="item.id">
      <div class="name">电瓶服务:</div>
      <ul class="data">
        <li v-for="it in 10" :key="it.id">
          <el-checkbox text-color="#db4343" fill="#db4343" label="补胎" border size="medium" ></el-checkbox>
        </li>
      </ul>
      <!-- <div style="clear:both;"></div> -->
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {
      checkboxGroup1: ""
    };
  },
  watch: {},
  mounted() {},
  computed: {},
  created: function() {}
};
</script>
<style lang="scss" type="text/css" scoped>
@import "../../common/style.scss";
$main-color: rgb(255, 255, 255);
.groupsupplies {
  width: 100%;
  height: auto;
  background-color: $main-color;
  .item {
    width: 100%;
    overflow: hidden;
    .name {
      float: left;
      width: 100px;
      height: auto;
      padding-left: 3px;
      border-left: 3px red solid;
    }
    .data {
      width: 1090px;
      float: left;
      li {
        float: left;
        padding: 5px;
        padding-top: 0px;
      }
    }
  }
}
</style>
